
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <!-- Basic Page Needs
================================================== -->
    <meta charset="utf-8">
    <title>Tell a Story</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css"  href="${pageContext.request.contextPath}/res/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/res/fonts/font-awesome/css/font-awesome.css">
    <!-- Stylesheet
    ================================================== -->
    <link rel="stylesheet" type="text/css"  href="${pageContext.request.contextPath}/res/css/style.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/res/css/responsive.css">
</head>
<body>

<!-- Main Navigation
================================================== -->

<jsp:include   page="../nav.jsp" flush="true"/>





<div id="tf-pricing">
    <div class="container"> <!-- container -->
        <div class="section-header">
            <h2><span class="highlight"><strong>排行榜</strong></span></h2>
            <h5><em>绝地武士</em></h5>
            <div class="fancy"></div>
        </div>

        <div class="row"> <!-- outer row -->
            <div class="col-md-10 col-md-offset-1"> <!-- col 10 with offset 1 to centered -->
                <div class="row"> <!-- nested row -->

                    <div class="col-md-4 nopadding"><!-- Price table #1 -->
                        <div class="panel panel-default price"> <!-- pricing table wrapper -->
                            <div class="panel-heading">博客排行</div>
                            <div class="panel-body">
                                <h3>${rankPublishDTO.userName}</h3> <!-- Plan Price -->
                            </div>

                            <!-- Plan Feature Lists -->
                            <ul class="list-unstyled">
                                <c:forEach var="rankPublish" items="${rankPublishDTOList}" varStatus="vs">
                                    <li>${rankPublish.userName}</li>
                                </c:forEach>
                            </ul><!-- end Plan Feature Lists -->
                        </div><!-- end pricing table wrapper -->
                    </div><!-- end Price table #1 -->

                    <div class="col-md-4 nopadding"><!-- Price table #2 -->
                        <div class="panel panel-default price featured"><!-- pricing table wrapper -->
                            <div class="panel-heading">文章排行</div>

                            <div class="panel-body">
                                <h3><a href="/home/loadBlogArticle?articleID=${blogArticleDTO.articleID}">${blogArticleDTO.articleName}</a></h3><!-- Plan Price -->
                            </div>

                            <!-- Plan Feature Lists -->
                            <ul class="list-unstyled">
                                <c:forEach var="blogArticle" items="${blogArticleDTOList}" varStatus="vs">
                                    <li><a href="/home/loadBlogArticle?articleID=${blogArticle.articleID}">${blogArticle.articleName}</a></li>
                                </c:forEach>
                            </ul><!-- end Plan Feature Lists -->
                        </div><!-- end pricing table wrapper -->
                    </div><!-- end Price table #2 -->

                    <div class="col-md-4 nopadding"> <!-- Price table #3 -->
                        <div class="panel panel-default price"> <!-- pricing table wrapper -->
                            <div class="panel-heading">专栏排行</div>
                            <div class="panel-body">
                                <h3><a href="/columnArticle/viewColumnArticle?columnID=${columnDTO.columnID}">${columnDTO.columnName}</a></h3><!-- Plan Price -->
                            </div>

                            <!-- Plan Feature Lists -->
                            <ul class="list-unstyled">
                               <c:forEach var="column" items="${columnDTOList}" varStatus="vs">
                                   <li><a href="/columnArticle/viewColumnArticle?columnID=${column.columnID}">${column.columnName}</a></li>
                               </c:forEach>
                            </ul><!-- end Plan Feature Lists -->
                        </div><!-- end pricing table wrapper -->
                    </div><!-- end Price table #3 -->

                </div> <!-- end nested row -->
            </div> <!-- end col 10 with offset 1 to centered -->
        </div> <!-- end outer row -->
    </div><!-- end container -->
</div>

<!-- Footer
================================================== -->
<jsp:include   page="../foot.jsp" flush="true"/>


</body>
</html>

